@import './mixin.scss';
#company_info {
    background-color: #212c4f;
    padding: 70px 0 160px 0;
    .container {
        width: 1200px;
        margin: 0 auto;
        & > .company_info_detail {
            border: 1px solid #344E8F;
            box-sizing: border-box;
            & > .title {
                width: 100%;
                height:50px!important;
                line-height: 50px;
                @include basestyle(#FFF,16px,rgba(78,117,213,1));
            }
            & > .info {
                & > img {
                    width: 152px;
                    height: 210px;
                    float: left;
                }
                & > ul {
                    width: 1046px;
                    float: left;
                    li {
                        box-sizing: border-box;
                        float: left;
                        height: 42.5px;
                        line-height: 42.5px;
                        border-bottom: 1px solid #4060AF;
                        width: 33.33333%;
                        
                        padding: 0 10px;
                        @include basestyle(#FFF,14px,none,left);
                        @include overflow;
                        span {
                            margin-left: 10px;
                            &.isCompany {
                                color: #CCA33C;
                            }
                        }
                        &:nth-child(1),&:nth-child(2){
                            width: 50%;  
                        }
                        &:nth-child(1) {
                            border-right: 1px solid #344E8F;
                        }
                        &:nth-child(3n+3),&:nth-child(3n+4){
                            border-right: 1px solid #344E8F;
                        }
                        
                    }
                }
            }
            & > ul {
                li {
                    box-sizing: border-box;
                    float: left;
                    width: 33.3333%; 
                    height: 42.5px;
                    line-height: 42.5px;
                    width: 33.33333%;
                    border-right:1px solid #4060AF;
                    @include basestyle(#FFF,14px,none,left);
                    @include overflow;
                    padding: 0 10px;
                    &:last-child {
                        border: none;
                    }
                    span {
                        margin-left: 10px;  
                    }
                }
            }
            & > p {
                padding: 24px;
                height: 220px;
                overflow: hidden scroll;
                line-height: 24px;
                @include basestyle(#FFF,14px,none,left);
                /*滚动条样式*/
                &::-webkit-scrollbar {/*滚动条整体样式*/
                    width: 4px;     /*高宽分别对应横竖滚动条的尺寸*/
                    height: 4px;
                }
                &::-webkit-scrollbar-thumb {/*滚动条里面小方块*/
                    border-radius: 5px; 
                    background-color: #344E8F;
                    
                }
                &::-webkit-scrollbar-track {/*滚动条里面轨道*/
                    border-radius: 0;
                    background-color: #212c4f;
                    border-radius: 5px;
                    border: 1px solid #344E8F;
                }
            }
        }
        & > .community_introd {
            margin-top: 20px;
            border: 1px solid #344E8F;
            box-sizing: border-box;
            & > .title {
                width: 100%;
                height:50px!important;
                line-height: 50px;
                @include basestyle(#FFF,16px,rgba(78,117,213,1));
            }
            .com_nav {
                a {
                    display: inline-block;
                    width: 33.333333%;
                    height: 50px;
                    line-height: 50px;
                    @include basestyle(#FFF,16px,#204D74);
                    &.active {
                        background-color: #286090;
                    }
                }
            }
            & > .foundation {
                height: 450px;
                & > .info {
                    & > li {
                        float: left;
                        height: 450px;
                        width: 100%;
                        padding: 18px;
                        box-sizing: border-box;
                        & > div {
                            img {
                                float: left;
                            }
                            .detail {
                                float: right;
                                width: 890px;
                                height: 410px;
                                position: relative;
                                & > .name {
                                    height: 44px;
                                    line-height: 44px;
                                    @include basestyle(#FFF,20px,none,left);
                                }
                                & > .base_info{
                                    color: #FFF;
                                    font-size: 14px;
                                    background: none;
                                    text-align: left;
                                    display: -webkit-box;
                                    -webkit-box-orient: vertical;
                                    -webkit-line-clamp: 2;
                                    overflow: hidden;
                                    @include basestyle(#FFF,14px,none,left);
                                }
                                
                                & > .person_introd {
                                    margin-top: 20px;
                                    height: 260px;
                                    position: relative; 
                                    overflow: hidden;
                                    & > span {
                                        
                                        color: #FFF;
                                    }
                                    & > div {
                                        margin-top: 10px;
                                        // word-break:normal;
                                        &::-webkit-scrollbar {
                                          display: none;
                                        }
                                        p {
                                            line-height: 24px;
                                            word-break:break-all;
                                            height: 220px;
                                            overflow-x: hidden;
                                            overflow-y: scroll;
                                            //overflow: hidden scroll;
                                            @include basestyle(#FFF,14px,none,left);
                                        }
                                    }
                                }
                                .pagination {
                                    position: absolute;
                                    bottom: 0;
                                    right: 0;
                                }
                                .donation {
                                    position: absolute;
                                    padding: 0 30px;
                                    height:40px;
                                    top: 0;
                                    right: 0;
                                    background:rgba(52,78,143,1);
                                    border-radius:20px;
                                    @include basestyle(#FFF,14px,rgba(52,78,143,1));
                                }
                            }
                        }
                    }
                }
            }
        }
        & > .about_issue {
            margin-top: 20px;
            border: 1px solid #344E8F;
            box-sizing: border-box;
            & > .title {
                width: 100%;
                height:50px!important;
                line-height: 50px;
                @include basestyle(#FFF,16px,rgba(78,117,213,1));
            }
            & > ul {
                li {
                    box-sizing: border-box;
                    float: left;
                    height: 42.5px;
                    line-height: 42.5px;
                    border-bottom: 1px solid #4060AF;
                    width: 33.33333%;
                    padding: 0 10px;
                    @include basestyle(#FFF,14px,none,left);
                    @include overflow;
                    span {
                        margin-left: 10px;
                        &.isCompany {
                            color: #CCA33C;
                        }
                    }
                    &:nth-child(3n+1), &:nth-child(3n+2) {
                        border-right:1px solid #4060AF;
                    }
                    &:nth-child(6) {
                        & > div { 
                            div {
                                width: 50%;
                                box-sizing:border-box; 
                                padding-left: 10px;
                                @include overflow();
                                &:first-child {
                                    float: left;
                                    border-right: 1px solid #4060AF;    
                                }
                                &:last-child {
                                    float: right;
                                }
                            }
                        }
                    }
                }
            }
            & > p {
                padding: 20px;
                height: 210px;
                overflow: hidden scroll;
                line-height: 24px;
                @include basestyle(#FFF,14px,none,left);
                /*滚动条样式*/
                &::-webkit-scrollbar {/*滚动条整体样式*/
                    width: 4px;     /*高宽分别对应横竖滚动条的尺寸*/
                    height: 4px;
                }
                &::-webkit-scrollbar-thumb {/*滚动条里面小方块*/
                    border-radius: 5px; 
                    background-color: #344E8F;
                    
                }
                &::-webkit-scrollbar-track {/*滚动条里面轨道*/
                    border-radius: 0;
                    background-color: #212c4f;
                    border-radius: 5px;
                    border: 1px solid #344E8F;
                }
            }
        }
        .join_community {
            margin-top: 20px;
            box-sizing: border-box;
            text-align: center;
            & > .title {
                width: 100%;
                height:50px!important;
                line-height: 50px;
                @include basestyle(#FFF,16px,rgba(78,117,213,1));
                position: relative;
                .sort {
                    cursor: pointer;
                    position: absolute;
                    top: 0;
                    right: 32px;
                    height: 50px;
                    img {   
                        vertical-align: middle;
                        line-height: 50px;
                    }
                    span {
                        margin-left: 6px;
                        line-height: 50px;
                    }
                }
                
            }
        }
    }
}
